@media(max-width:500px){
    .ui-wrapper.fixed_bottom{
        bottom: 10%;
    }
}
@media(max-width:500px){
    .ui-wrapper{
        width: auto;
    }
}
@media(min-width:375px){

    /*   .ui-label,.element,input,.ui-btn,.header,.paragraph{
            font-size: 120%!important;
        }
        .ui-label{
            margin-bottom: 10px;
        }
        .ui-btn{
           height: 51px;
           line-height: 51px;
       
        .stars a{
            font-size: 31px;
            margin-right: 13px;
        }
        .ui-input input{
            height: 51px;
      
       .ui-rate .ui-rate_label{
            height: 38px;
            margin-top: 1px;
            line-height: 38px;
        }
        .ui-rate .ui-rate_label .arrow{
            left: -38px;
            border: 19px solid transparent;
            border-right: 19px solid transparent;
        }
    .ac-custom input[type="checkbox"], .ac-custom input[type="radio"], .ac-custom label::before {
        width: 35px;
        height: 35px;
        margin-top: -17px;
    }
    .ac-custom label{
        padding-left: 46px;
    }
    .ac-custom label::after{
        font-size: 27px;
    }
    */
    .ui-header{
        height: 56px;
    }
    .ui-body{
        margin-top: 56px;
    }
    .ui-header .ui-title{
        line-height: 56px;
    }
    .ui-logo{
        height: 48px;
    }
    .ui-logo .logo:before{
        margin: 10px 10px;
    }
    .ui-logo .logo:after {
        border: 45px solid transparent;
        border-right: 28px solid #fff;
        left: 21px;
        transform: rotate(-29deg);
        -webkit-transform: rotate(-26deg);
    }
    .ui-header:after {
        border: 6px solid transparent;
        border-left: 11px solid rgba(0, 0, 0, 0.4);
        left: 85px;
        top: 42px;
        transform: rotate(-28deg);
        -webkit-transform: rotate(-28deg);
    }
    .ui-header .ui-right{
        left: 89px;
    }
    .ui-header .ui-right .arrow{
        left: -98px;
    }


    .ui-wrapper.padded{
        max-width: 90%;
    }
    .ui-wrapper.fixed{
        left: 22px;
        right: 22px;
    }

}
@media(min-width:768px){
    .ui-wrapper.padded{
        max-width: 80%;
    }
    .ui-wrapper.fixed{
        left: 11px;
        right: 11px;
    }
}
@media(min-width:1024px){
    .ui-wrapper.padded{
        max-width: 768px;
    }
}